<template>
  <div style="margin-left: 30px">
    <!-- 1 -->
    <el-col :span="7">
      <el-card style="height: 95px" @click.native="sitename">
        <div class="site-img">
          <el-avatar
            src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2780242797,380917455&fm=115&gp=0.jpg"
            style="width: 70px; height: 70px; margin: 10px 0 0 15px"
          />
        </div>
        <div class="site-content">
          <div>复材厂（一级站点名称）</div>
          <div style="margin-top: 5px">子站点：显示数量</div>
          <div style="margin-top: 5px">站点描述</div>
        </div>
      </el-card>
    </el-col>
    <!-- 2 -->
    <el-col :span="7" :offset="1">
      <el-card style="height: 95px" @click.native="sitename">
        <div class="site-img">
          <el-avatar
            src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1966884694,2424859372&fm=26&gp=0.jpg"
            style="width: 70px; height: 70px; margin: 10px 0 0 15px"
          />
        </div>
        <div class="site-content">
          <div>总装厂（一级站点名称）</div>
          <div style="margin-top: 5px">子站点：显示数量</div>
          <div style="margin-top: 5px">站点描述</div>
        </div>
      </el-card>
    </el-col>
    <!-- 3 -->
    <el-col :span="7" :offset="1">
      <el-card style="height: 95px" @click.native="sitename">
        <div class="site-img">
          <el-avatar
            src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2780242797,380917455&fm=115&gp=0.jpg"
            style="width: 70px; height: 70px; margin: 10px 0 0 15px"
          />
        </div>
        <div class="site-content">
          <div>热表厂（一级站点名称）</div>
          <div style="margin-top: 5px">子站点（显示数量）</div>
          <div style="margin-top: 5px">站点描述</div>
        </div>
      </el-card>
    </el-col>
    <!-- 4 -->
    <el-col :span="7">
      <el-card style="height: 95px; margin-top: 10px" @click.native="sitename">
        <div class="site-img">
          <el-avatar
            src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2780242797,380917455&fm=115&gp=0.jpg"
            style="width: 70px; height: 70px; margin: 10px 0 0 15px"
          />
        </div>
        <div class="site-content">
          <div>复材厂（一级站点名称）</div>
          <div style="margin-top: 5px">子站点：显示数量</div>
          <div style="margin-top: 5px">站点描述</div>
        </div>
      </el-card>
    </el-col>
    <!-- 5 -->
    <el-col :span="7" :offset="1">
      <el-card style="height: 95px; margin-top: 10px" @click.native="sitename">
        <div class="site-img">
          <el-avatar
            src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1966884694,2424859372&fm=26&gp=0.jpg"
            style="width: 70px; height: 70px; margin: 10px 0 0 15px"
          />
        </div>
        <div class="site-content">
          <div>总装厂（一级站点名称）</div>
          <div style="margin-top: 5px">子站点：显示数量</div>
          <div style="margin-top: 5px">站点描述</div>
        </div>
      </el-card>
    </el-col>
    <!-- 6 -->
    <el-col :span="7" :offset="1">
      <el-card style="height: 95px; margin-top: 10px" @click.native="sitename">
        <div class="site-img">
          <el-avatar
            src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2780242797,380917455&fm=115&gp=0.jpg"
            style="width: 70px; height: 70px; margin: 10px 0 0 15px"
          />
        </div>
        <div class="site-content">
          <div>热表厂（一级站点名称）</div>
          <div style="margin-top: 5px">子站点（显示数量）</div>
          <div style="margin-top: 5px">站点描述</div>
        </div>
      </el-card>
    </el-col>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style scoped>
.site-content {
  float: left;
  margin-top: -70px;
  margin-left: 115px;
}
</style>